.input_transparente{border: none !important; background: transparent; width: 90%;}
.input_transparente_normal{border: none !important; background: transparent;}
.input_transparente:hover, .input_transparente:focus,
.input_transparente_normal:hover, .input_transparente_normal:focus{outline: 1px solid #c90;}

.class_sistema{background-color:#6C92AF !important;}
.class_subsistema{background-color:#C6CACA !important;}
.class_componente{background-color:#E6E8E6 !important;}
.class_subcomponente{background-color:#FFFFFF !important;}


#fondo-pantalla{position:fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(153,153,153,0.2); z-index: 10; display: none;}
/*
#pop-up{border:3px solid #CCCCCC; padding:2em; position: fixed;
background: #fff; max-width: 50%; max-height: 50%;
overflow: auto; z-index: 11; left: 25%; top: 25%;}
*/

#pop-up{z-index:11;
	position:fixed;
	background:#dedede;
	padding:10px;
	-moz-box-shadow:2px 1px 8px #666;
	-webkit-box-shadow:2px 1px 8px #666;
	box-shadow:2px 1px 8px #666;
	text-align:justify;
	width:30%; display: none;}


#pop_confirmacion{z-index:4; position:fixed; background-color:#dedede;
	-moz-box-shadow:2px 1px 8px #666;
	-webkit-box-shadow:2px 1px 8px #666;
	box-shadow:2px 1px 8px #666;
	width:460px; top:50%; left:50%; margin:-130px 0 0 -230px;}

#pop_confirmacion h1,
#pop_confirmacion p{font:20px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif; background:#f5f5f5;
	padding: 18px 25px;
	-moz-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	-webkit-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	color:#666;}

#pop_confirmacion h1{
	letter-spacing:0.3px;
	margin-top: 0px;
	color:#888;
}

#pop_confirmacion p{
	background:none;
	font-size:16px;
	line-height:1.4;
	padding-top: 35px;
}


.barra_opciones{margin: 12px 0 0 0; width: 95%;}
.titulo_popup{margin-left: 20px; font-size: 0.8em;}
/*.lista_greed{width: 80%;}*/


#nivel_seleccion{margin-left: 20px; font-size: 0.72em}


.boton_alerta{display:inline-block; border:1px solid #ccc; border-bottom:2px solid #ccc; border-right:2px solid #ccc;
	background-color:#f0f0f0; font:12px 'verdana'; color:#000000; padding: 5px 6px 5px 6px; cursor:pointer;
	text-decoration:none; border-radius:4px}
.boton_alerta{width:50px; text-align:center; margin-bottom:20px; margin-right:4px}
.boton_alerta:first-child{margin-left:305px !important;}

.button{border:1px solid #c3bfbf; display:inline-block; font-size:10px; color:#666666; padding: 3px 3px 3px 3px;
   margin:5px 3px; background-color:#ededed; cursor:pointer;}
.button>img{vertical-align: middle !important; margin: 0!important; padding: 0!important;}


.align-center{text-align: center !important;}
.align-left{text-align: left !important; padding-left: 5px;}
.align-right{text-align: right !important; padding-right: 5px;}
.middle{vertical-align: middle !important;}
.subrayado{text-decoration: underline;}
.cursiva{font-style: italic}
span.placeholder{color: #757575;}

.border_none{border: none !important; border-color: transparent !important;}
.business_case{border-bottom: 1px dotted #000; padding-bottom: 30px; margin-bottom: 30px;}
.float-left{float: left;}
.float-right{float: right;}
.pointer{cursor: pointer;}
.smile_triste{cursor:url(../imagenes/smiley.gif)}
.cursos_default{cursor: default}

.hidden{display:none !important}
.texto-suspensivo{text-overflow:ellipsis !important; overflow:hidden !important; white-space: nowrap; word-wrap: normal;}

.nota{font-style: italic; text-decoration: underline;}
.link_none{color: #000;}
#sl_opciones{font-size: .9em}

.porcentaje{background:url(../imagenes/porcentaje.png) no-repeat; background-position:right;}

textarea[name^="txt_descripcion"]{width: 100%;}


table#componente_partida tbody{font-size: 0.7em;}
table#componente_partida tbody tr.class_sistema{text-indent: 16px;}
table#componente_partida tbody tr.class_subcomponente td:nth-child(1) {text-indent: 25px;}

.arrow_box {position: relative; background: #f3f3f3; border: 4px solid #e7e7e7; width:  187px !important; height: 100px !important; padding: 5px;}
.arrow_box:after, .arrow_box:before {left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.arrow_box:after {border-color: rgba(243, 243, 243, 0); border-left-color: #f3f3f3; border-width: 10px; top: 50%; margin-top: -10px;}
.arrow_box:before {border-color: rgba(231, 231, 231, 0); border-left-color: #e7e7e7; border-width: 16px; top: 50%; margin-top: -16px;}

.cuadrado{
	position: relative;
	left: 0px;
	top: 50%;
	margin-top: -1em;
	margin-right: 15px;
	background: #f0f0f0;
	height: 5px;
	width: 5px;
	padding: 6px;
	line-height: 2em;
	text-align: center;
	font-weight: bold;
}

/* - ---------------------------------------------- */

/** estilos para badeja de entrada */
.list_result_itembandeja{margin-top: 5px; width: 99.9%; height: 200px !important; background: #fff; border: 1px solid #999999; overflow-y: auto;}
.list_result_itembandeja ul{margin: 0; padding: 0;}
.list_result_itembandeja li{padding: 10px 10px 1px 20px; border-bottom: 1px solid #c6c6c6; list-style: none;}
.list_result_itembandeja li a{text-decoration: none; padding: 0; margin: 0;}
.list_result_itembandeja li span{display: block; color:#456; line-height: 1.4em;}
.list_result_itembandeja li:before{float: left;}

.list_view_mesages > li:hover{ background:#EDF1F1;}
.list_view_mesages > li:before {content: ''; overflow:hidden; background-repeat: no-repeat;background-image:url(../imagenes/estado_mesaje.png);}

.leido:before {width:20px; height:17px; background-position: -24px -2px; padding-right:2px; margin-top:16px; margin-left:10px;}
.nuevo:before  {width:20px; height:17px; background-position: -2px -2px; padding-right:2px;  margin-top:16px; margin-left:10px;}

.acordado:before {width:20px; height:17px; background-position: -24px -2px; padding-right:2px; margin-top:16px; margin-left:10px;}
.proceso:before {width:20px; height:17px; background-position: -24px -2px; padding-right:2px; margin-top:16px; margin-left:10px;}
.pendiente:before {width:20px; height:17px; background-position: -24px -2px; padding-right:2px; margin-top:16px; margin-left:10px;}

.list_view_mesages .remite{ float:left; margin-left:-23px !important; margin-top:-21px !important;}
.list_view_mesages .correo{color:#7F7F7F;}
.list_view_mesages .asunto{ float:left;margin-left:34px; margin-top:-25px;  font-weight:bold;  text-decoration: underline; cursor:pointer; /*color:#000;*/}
.list_view_mesages .tpo_comunicacion{ float:left; margin-left:35px; margin-top:-30px;  color:#9F9FAD;}
/** estilos para badeja de entrada */



.desaturada{
	filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-webkit-filter: grayscale(100%); /* For Webkit browsers */
	filter: gray; /* For IE 6 - 9 */
	-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}


#dv_alert_accionG{z-index:4; position:fixed; background-color:#EEEFF0;
	-moz-box-shadow:2px 1px 8px #666;
	-webkit-box-shadow:2px 1px 8px #666;
	box-shadow:2px 1px 8px #666;
	width:120px; height:80px; top:50%; left:50%; margin:-130px 0 0 -230px;
	font-size:11px;
	 	
}
  
.BloqueoPantallaFondoUpload{
   				  position: absolute; 
  				  top:0;
        		  left:0; 
            	  z-index:0; 
               	  width:100%; 
                  height:100000px; 
                  background:#666;
                  opacity:0.2;                                   
  }
  
  
.BloqueoPantallaTotal{
   				  position: absolute; 
  				  top:0;
        		  left:0; 
            	  z-index:15; 
               	  width:100%; 
                  height:100000px; 
                  background:#666;
				
                  opacity:0.5;                                   
  } 

#cont_dt_acceso{
	position:absolute; left:29%; width:33%;;
	z-index:17; top:9%; opacity:1;    
	margin-top:10px;
  	border:3px solid rgb(204,204,204);  background:#F4F4F4; font-size:12px;  
	box-shadow: 30px 10px 20px #aaa; 
 }
 

